/***********总容器***********/
.upper{
    width: 100%;
    height:180vw;
    background-color:#f4f3f8;
}
/***********header部分***********/
.upper .header{
    width:100%;
    height:12vw;
    background-color: #3362a6;

    display: flex;
    align-items: center;
}
.upper .header p{
    font-size: 4vw;
    color: #eff0f4;
    flex:1;
    user-select: none;/*让文本选中状态无效*/
    cursor: pointer;
    margin-left: 2vw;
}
.upper .header h1{
    font-size: 4vw;
    color: white;
    font-weight: 700;
    flex:1.75;
}
/***********header部分***********/
.upper .info{
    box-sizing: border-box;
    padding: 2vw;
}
.upper .info .select-info{
    background-color: #dfecfc;
    display: flex;
    flex-direction: row;
    align-items: center;
}
.upper .info .select-info img{
    width:15vw;
    height:15vw;
}
.upper .info .select-info h3{
    font-size: 4vw;
    margin-left: 2vw;
}
.upper .info .detail{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    box-sizing: border-box;
    padding: 4vw;
    background-color: white;
}
.upper .info .detail p{
    font-size: 4vw;
}
.upper .info .detail span{
    font-size: 4vw;
    color: #888888;
}
.upper .line{
    width: 100%;
    height:1vw;
    background-color: #f4f3f8;
}
.upper .info ul .line1{
    width: 100%;
    height:0.2vw;
    background-color: #c7c7c5;
}